<!DOCTYPE HTML >
<html>
<head>


    <meta charset="utf-8"/>
    <title>登录</title>
    <!-- lanqiao logo start -->
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./assets/css/basic.css">
    <style>
        .loginPage {
            background: #f7f9fa;
        }

        .loginPage .main {
            margin: 0 auto;
            width: 700px;
        }

        .loginPage .main .top {
            margin-top: 100px;
            text-align: center;
        }

        .loginPage .main .top p:first-child {
            font-size: 22px;
            color: #333;
        }

        .loginPage .main .top p:last-child {
            font-size: 12px;
            color: #999;
            font-family: arial;
            margin-top: 10px
        }

        .loginPage .main .changeMain {
            margin: 50px;
        }

        .loginPage .main .changeMain .box {
            float: left;
            width: 285px;
            height: 285px;
            border-radius: 5px;
            background: #fff;
            text-align: center;
            margin-right: 30px;
            position: relative;
            top: 0
        }

        .loginPage .main .changeMain .box:last-child {
            margin-right: 0;
        }

        .loginPage .main .changeMain .box a {
            color: #333;
            font-size: 18px;
        }

        .loginPage .main .changeMain .box .pic {
            margin-top: 60px;
            margin-bottom: 20px;
        }

        .loginPage .main .changeMain .box .btn {
            width: 96px;
            font-size: 14px;
            height: 30px;
            margin: 20px auto 0;
            line-height: 30px;
            text-align: center;
            background: transparent;
            color: #fff;
            border: 1px solid #fff;
            border-radius: 15px;
        }

        .loginPage .main .changeMain .box:hover {
            background: #2b68b0;
            top: -20px;
            height: 305px;
        }

        .loginPage .main .changeMain .box:hover a {
            color: #fff;
        }
    </style>

</head>
<body class="loginPage">
<div class="main">
    <div class="top">
        <p>选择登录方式</p>
        <p>LOG ON TO WAY</p>
    </div>
    <div class="changeMain clearfix">

        <div class="box">
            <a class="choosebtn" id="btnShowTeacherLogin" href="TeaLogin.html">
                <p class="pic"><img src="./assets/images/login-teacher.png"></p>
                <p>我是老师</p>
                <p class="btn">点击登录</p>
            </a>
        </div>
        <div class="box">
            <a class="choosebtn" id="btnShowLoginDialog" href="StuLogin.html">
                <p class="pic"><img src="./assets/images/login-student.png"></p>
                <p>我是学生</p>
                <p class="btn">点击登录</p>
            </a>
        </div>
    </div>
</div>

<!--<script src="./assets/js/jquery-1.9.1.min.js.下载"></script>
<script src="./assets/js/lq_util.js.下载"></script>-->


</body>
</html>
